<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
    xmlns:v-bind="http://www.w3.org/1999/xhtml"
    xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
    xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head>
    <meta charset="UTF-8">
    <title>这是主页面</title>

    <!-- Bootstrap -->
    <link href="/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- Custom Theme Style/自定义样式 -->
    <link href="/css/custom.css" rel="stylesheet">

    <!-- jQuery -->
    <script src="/vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="../vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <!-- vue -->
    <script src="/vendors/vue/vue.js" type="text/javascript"></script>
    <!-- layer -->
    <script src="https://cdn.bootcss.com/layer/2.1/layer.js" type="text/javascript"></script>
    <!-- 删除确认框-->
    <script src="/vendors/bootbox/js/bootbox.js" type="text/javascript"></script>
</head>

<body class="nav-md">
    <div id="modelDiv" class="container body">
        <div class="main_container">
            <div class="col-md-3 left_col">
                <div th:replace="fragments/sideBar"></div>
                <div th:replace="fragments/header"></div>
                <!-- body content -->
                <!-- 此div是为了让中间的页面动态变换 -->
                <div th:if="${page}">
                    <div th:replace="${page}"></div>
                </div>
                <div th:replace="fragments/footer"></div>
            </div>
        </div>
    </div>

    <!-- Custom Theme Scripts -->
    <script src="/js/custom.js"></script>
</body>

</html>